<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>阿里八八</title>
        <style>
            
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            .one{
                height: 95px;
            }
            .one .onea{
                width: 960px;
                margin: 0px auto;
            }
            .one .onea h1{
                margin-top: 30px;
                float: left;
            }
            .one .onea span{
                float: right;
                color: #f60;
                line-height: 95px;
                margin-left: 55px;
                font-size: 20px;
                cursor: pointer;
            }
            .one .onea input{
                width: 220px;
                height: 26px;
                background: url(images/search.png) no-repeat 190px center;
                margin: 34px 24px 0px 0px ;
                float: right;
                border: 1px solid #f8f1f1;
            }
            .two{
                height: 68px;
                background: url(images/nav.png) repeat-x;
            }
            .two .twoa{
                width: 960px;
                margin: 0px auto;
            }
            .two .twoa li{
                width: 154px;
                height: 68px;
                float: left;
                line-height: 68px;
                margin: 0px 35px 0px 50px;
                font-size: 15px;
                color: white;
                cursor: pointer;
            }
            .two .twoa img{   
                padding-left: 21px;
                padding-bottom: 3px;
            }
            .three{
                height: 589px;
                background: #efefce;
            }
            .three .threea{
                width: 960px;
                margin: 0px auto;
            }
            .three .threea img{
                float: left;
            }
            .four{
                height: 419px;
                background: #f60;
            }
            .four .foura{
                height: 419px;
                width: 960px;
                margin: 0px auto;
            }
            .four .foura .top{
                width: 960px;
                height: 320px;
                padding-top: 45px;
            }
            .four .foura .top .left h1{
                float: left;
                margin: 0px 30px 0px 0px;
            }
            .four .foura .top .right li{
                width: 185px;
                float: left;
            }
            .four .foura .top .right span{
                width: 160px;
                float: left;
                font-size: 16px;
                color: white;
                padding-bottom: 6px;
            }
            .four .foura .top .right a{
                width: 180px;
                float: left;
                padding-bottom: 6px;
                font-size: 14px;
                color: white;
                text-decoration: none;
            }
            .four .foura .top .right a:hover{
                text-decoration: underline;
            }
            .four .foura .end{
                width: 960px;
                height: 55px;
                border-top: 1px solid white;
            }
            .four .foura .end ul{
                width: 700px;
                margin: 0px auto;
            }

            .four .foura .end a{
                float: left;
                font-size: 12px;
                color: white;
                line-height: 55px;
                text-decoration: none;
            }
            .four .foura .end a:hover{
                text-decoration: underline;
            }
            .four .foura .end span{
                float: left;
                font-size: 12px;
                color: white;
                line-height: 55px;
            }
        </style>
    </head>
    <body>
        <div class="one">
            <div class="onea">
                <h1>
                    <img src="images/logo_header.png" alt="">
                </h1>
                <span>简<img src="images/down.png" alt=""></span>
                <span>阿里巴巴相关平台<img src="images/down.png" alt=""></span>
                <input type="text" placeholder="搜索阿里巴巴集团">
            </div>
        </div>

        <div class="two">
            <ul class="twoa">

                <li>关于我们 <img src="images/down1.png" alt=""></li>
                <li>投资者关系<img src="images/down1.png" alt=""></li>
                <li>新闻及媒体资源<img src="images/down1.png" alt=""></li>
                <li>联系我们<img src="images/down1.png" alt=""></li>
            </ul>
        </div>
        <div class="three">

            <div class="threea">

                <h1><img src="images/home_banner_3.png" alt=""></h1>
            </div>
        </div>
        <div class="four">
            <div class="foura">

            <div class="top">
                <div class="left">
                <h1>
                    <img src="images/logo_footer.png" alt="">
                </h1>
                </div>
                <div class="right">

                    <ul>
                        <li>
                            <span>关于我们</span>
                            <a href="">公司简介</a>
                            <a href="">业务范畴</a>
                            <a href="">历史及里程碑</a>
                            <a href="">文化和价值观</a>
                            <a href="">可持续发展</a>
                            <a href="">诚信合规</a>
                            <a href="">常见问题</a>
                        </li>
                        <li>
                            <span>投资者关系</span>
                            <a href="">投资者关系主页</a>
                            <a href="">投资者新闻及活动</a>
                            <a href="">投资者日</a>
                            <a href="">年度股东大会</a>
                            <a href="">季度业绩</a>
                            <a href="">美国证交会公告</a>
                            <a href="">公司治理</a>
                        </li>
                        <li>
                            <span>新闻及媒体资源</span>
                            <a href="">新闻发布</a>
                            <a href="">Alizila 新闻网站</a>
                            <a href="">媒体报导</a>
                            <a href="">视频</a>
                            <a href="">媒体资料库</a>
                            <a href="">社交媒体</a>
                        </li>
                        <li>
                            <span>联系我们</span>
                            <a href="">办公地点</a>
                            <a href="">投资者联系</a>
                            <a href="">媒体联系</a>
                            <a href="">客户联系</a>
                            <a href="">执法部门合规指南</a>
                            <a href="">知识产权保障</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="end">
                
                <ul>
                    <li >
                        <a href="">加入我们  |</a>
                        <a href="">加入我们  |</a>
                        <a href="">加入我们  |</a>
                        <span>版权公告 © 1999-2021 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</span>
                    </li>
                </ul>
            </div>
            </div>
        </div>
    </body>
</html>